@import url(public.css?v=1.03);body{padding-top:65px;}
.layout-navbar{position: fixed;z-index: 998;top: 0;left: 0;right: 0;height: 65px;font-size: 14px;background-color: #fff;-webkit-transition: all .3s ease-in;transition: all .3s ease-in;border-bottom: 1px solid #ededf1}
.layout-navbar .wrap {display: -webkit-flex;display: -ms-flexbox;padding: 0 16px;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}

.layout-navbar__slogan {-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;height: 48px;margin-right: 30px}
.layout-navbar__navs {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-flex: 1 1;-ms-flex: 1 1;flex: 1 1;height: 65px;min-width: 314px;margin: 0;font-size: 16px;font-weight: 500;color: #17171b}
.layout-navbar__nav {position: relative;height: 65px;line-height: 65px;margin: 0 18px;white-space: nowrap}
.layout-navbar__nav a {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;color: #a3a0ac}
.layout-navbar__nav a:hover {color: #343440}
.layout-navbar__nav.is-active:after {content: "";position: absolute;bottom: 0;left: 0;right: 0;width: 24px;margin: 0 auto;height: 4px;border-radius: 4px;background-color: #ff4d4d}
.layout-navbar__nav.is-active a {font-weight: 600;color: #17171b}

.search-form{float:right;background:#EEE;height:30px;line-height:30px;border-radius:30px;}
.search-form input{height:30px;background:none;display:block;float:left;border:0px;padding-left:8px;outline:none;vertical-align:middle}
.search-form button{background:none;display:block;float:left;padding:3px 10px 0px 10px;vertical-align:middle;cursor:pointer;}
.search-form .search-btn-icon{width:20px;height:20px;display:inline-block;background-position:-165px -54px;background-color: none;}
.gamebox-search{float:right;}
.left-sidebar{position: fixed;left: 0!important;top:65px;width: 240px;background-color: #fff;overflow-y: auto;overflow-y: overlay;z-index: 998;height:100%;width:240px;background:#FFF;}
.left-sidebar ul{clear:both;border-top:1px solid #EEE;}
.left-sidebar ul li{height:48px;line-height:48px;overflow:hidden;padding:10px}
.left-sidebar ol{padding-bottom:15px;overflow:hidden;}
.left-sidebar ol li{float:left;margin-left:10px;margin-top:15px;width:65px;line-height:35px;height:35px;background:#EEE;border-radius:5px;text-align:center;}
.left-sidebar ol li a{display:block;}
.left-sidebar img{width:48px;height:48px;border-radius:5px;vertical-align:middle;margin-right:15px;}
#menu-toggle {display: none;}
@media screen and (max-width: 1000px) {
    .layout-navbar .wrap{padding:8px 12px;width:auto;display:block;}
    .gamebox-search{display:none;}
    .layout-navbar{display:block;z-index:999;}
    .layout-navbar__navs{display:none;position:fixed;z-index:999;top:50px;left:0px;width:100%;height:100%;background:#FFF;}
    .layout-navbar__nav a{color:#999}
    .layout-navbar__nav.is-active a{color:#333;}
    .left-sidebar{width:100%;height:auto;}
    .left-sidebar ol li{margin-left:1%;width:18.8%}
    .left-sidebar{padding-bottom:10px; overflow: hidden;}
    .left-sidebar ul li{width:46%;padding:10px 0px 0px 2%;float:left;}
    .menu-button-container {height: 100%;width: 30px;cursor: pointer;flex-direction: column;justify-content: center;align-items: center;float:right;}
    .menu-button,
    .menu-button::before,
    .menu-button::after {display: block;background-color: #ddd;position: absolute;height: 4px;width: 30px;transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);border-radius: 2px;}
    .menu-button{margin-top:22px;}
    .menu-button::before {content: "";margin-top: -10px;}
    .menu-button::after {content: "";margin-top: 10px;}
    #menu-toggle:checked + .menu-button-container .menu-button::before {margin-top: 0px;transform: rotate(405deg);}
    #menu-toggle:checked + .menu-button-container .menu-button {background: rgba(255, 255, 255, 0);}
    #menu-toggle:checked + .menu-button-container .menu-button::after {margin-top: 0px;transform: rotate(-405deg);}
    #menu-toggle ~ .layout-navbar__navs li {clear:both;  height: 0;  margin: 0;  padding: 0;  border: 0;  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
    #menu-toggle:checked ~ .layout-navbar__navs li{border-top:1px solid #EEE;height: 2.5em;line-height: 2.5em;  padding: 0.5em;  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
    .search-form{display:none;}
}

.recommend-game-box{margin-bottom:20px;position:relative;padding-left:90px;overflow:hidden;background:#FFF}
.recommend-game-title{position:absolute;left:0px;top:0px;height:100%;width:90px;background:#FF6600;text-align:center;}
.recommend-game-title span{height:48px;line-height:48px;font-size:15px;cursor: pointer;color:#FFF;display:block;}
.recommend-game-title span.active{font-weight:bold;background:#EB5E00;font-weight:bold;position:relative;}
.recommend-game-title span.active::after{content: "";position:absolute;right:-8px;top:15px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10px solid #EB5E00;}
.recommend-game-list{display:none;}
.recommend-game-list.active{display:block;}
.recommend-game-list ul{overflow:hidden;padding:20px 0px 0px 20px;}
.recommend-game-list ul li{float:left;text-align:center;width:98px;padding:0px 5px;padding-bottom:15px;}
.recommend-game-list ul li p{height:24px;line-height:24px;overflow:hidden;}
.recommend-game-list ul li span{line-height:24px;height:24px;overflow:hidden;}
.recommend-game-list ul li img{width:80px;height:80px;border-radius:15px;}
@media screen and (max-width:1000px) {
    .recommend-game-box{margin-bottom:5px;padding-left:0px;padding-top:8px;}
    .recommend-game-title{position:relative;width:92%;margin:0px 4%;border-radius:35px;overflow:hidden;height:35px;border:1px solid #FF6600;}
    .recommend-game-title span{margin-left:0px;padding:0px;width:33.33%;height:35px;line-height:35px;color:#666;float:left;font-size:14px;background:#FFF;}
    .recommend-game-title span.active{background:#FF6600;color:#FFF;}
    .recommend-game-title span.active::after{display:none;;}
    .recommend-game-list ul{overflow:auto;display:-webkit-flex;display:flex;padding:20px 20px 0px 0px;}
    .recommend-game-list ul li{margin-left:15px;}
    .recommend-game-list ul li img{width:66px;height:66px;}
}

.banner{width:480px;height:280px;position:relative;}
.banner img{width:480px;height:280px}
.tt-box-l{width:480px;float:left;}
.tt-box-l h2{font-size:18px;height:45px;line-height:35px}
.tt-box-l ol{background:#FFF;padding:12px 15px 14px 15px;border-top:1px solid #EEE;margin-top:10px;}
.tt-box-l ol:nth-child(1){border-top:0px;}
.tt-box-l ol li{clear:both;height:35px;line-height:35px;overflow:hidden;}
.tt-box-l ol li.tt-box-td{height:auto;padding-bottom:15px;margin-bottom:10px;border-bottom:1px solid #EEE;}
.tt-box-l ol li.tt-box-td p{clear:both;}
.tt-box-l ol li.tt-box-td p:nth-child(1){font-size:16px;}
.tt-box-l ol li.tt-box-td span{content:'推荐';display:block;float:left;background:#fe8900;color:#fff;padding:0px 10px;line-height:30px;margin-right:12px;border-radius:15px;}
.tt-box-l ol li.tt-box-td p:nth-child(1) a{color:#fe8900}
.tt-box-l ol li.tt-box-td p:nth-child(2){color:#999;font-size:14px;padding-top:10px;height:40px;line-height:20px;overflow:hidden;}
.tt-box-l ol li a{float:left;color:#666;}
.tt-box-l ol li time{float:right;color:#999;font-size:12px;}

.tt-menu{background:#FFF;height:45px;border-radius:45px;line-height:45px;font-size:18px;margin-bottom:10px;width:452px;}
.tt-menu span{font-weight:bold;cursor:pointer;}
.tt-menu span.active{color:#ff6600;position:relative;}
.tt-menu span.active::after{content:'';height:3px;width:100%;background:#ff6600;display:block;position:absolute;bottom:0px;left:0px;}

.tt-boxs{width:700px;float:right;}
.tt-boxs-data{background:#FFF;overflow:hidden;}
.tt-box-c{width:452px;float:left;}
.tt-box-c ul{background:#FFF;overflow:hidden;clear:both;padding:6px 0px;display:none}
.tt-box-c ul.active{display:block}
.tt-box-c ul li{padding:13px 0px 13px 18px;width:400px;overflow:hidden;float:left;}
.tt-box-c ul li img{width:90px;height:65px;border-radius:8px;float:left;margin-right:10px;}
.tt-box-c ul li p.news-title{height:30px;line-height:30px;overflow:hidden;margin-bottom:10px;}
.tt-box-c ul li p.news-title a{color:#333;font-size:16px;}
.tt-box-c ul li p time{float:left;font-size:14px;color:#999;}
.tt-box-c ul li p span{float:right;font-size:14px;color:#999;}


.tt-box-r{float:right;width:248px;}
.tt-box-r ul{padding:8px;background:#FFF;}
.tt-box-r li{position:relative;padding:10px 0px 10px 23px;border-left:1px solid #EEE;height:62px;}
.tt-box-r li::before{content:'';position:absolute;top:0px;left:-5px;width:8px;height:8px;border-radius:8px;background:#FFF;border:1px solid #EEE;}
.tt-box-r li:hover::before{background:#3C82FA;left:-8px;top:-2px;width:10px;height:10px;border-radius:10px;border:2px solid #DDD;}
.tt-box-r li img{width:66px;height:66px;float:left;margin-right:10px;}
.tt-box-r li p span,.tt-box-r li p time{font-size:12px;color:#999;margin-right:15px;}
.tt-box-r li .game-title{font-size:15px;max-height:44px;line-height:22px;overflow:hidden;}
.tt-box-r li .game-install{font-size:12px;color:#999;padding-top:6px;}

.tt-box-r .gamebox{position:relative;padding:0px 15px 0px 100px;height:104px;overflow:hidden;margin-top:15px;margin-left:8px}
.tt-box-r .qrcode-data{position:absolute;left:0px;top:0px;}
.tt-box-r .gamebox p{padding-top:12px;text-align:center;}
.tt-box-r .gamebox p:nth-child(2){padding-top:2px;}
.tt-box-r .gamebox p .btn{width:100%;padding:0px;line-height:33px;}
@media screen and (max-width:1000px) {
    .tt-box-l h2{display:none}
    .tt-box-l{width:100%;float:none;}
    .tt-box-l ol{margin-top:0px;}
    .banner{width:100%;}
    .tt-boxs{float:none;width:100%;}
    .tt-menu{width:100%;margin-top:10px;}
    .tt-boxs-data{background:none;}
    .tt-box-c{width:auto;float:none;}
    .tt-box-c ul li{width:auto;float:none;padding:12px;}
    .tt-box-r{float:none;width:100%;margin-top:10px;}
    .tt-box-r .gamebox{padding:15px 15px 15px 115px;height:88px;background:#FFF;overflow:hidden;}
    .tt-box-r .qrcode-data{left:15px;top:15px;}

}

        .gamebox-downloads{background:#00b4fe;clear:both;padding:8px;overflow:hidden;margin-top:5px;}
        .gamebox-downloads a{display:block;}
        .gamebox-downloads img{margin-right:10px;float:left;width:48xpx;height:48x;border-radius:5px;}
        .gamebox-downloads i{position:absolute;right:-7px;top:-9px;display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border:1px solid #EEE;background:#FFF;cursor:pointer;border-radius:20px;color:#999;}
        .gamebox-downloads span:nth-child(2){font-size:12px;color:#FFF;}
        .gamebox-downloads span:nth-child(2) b{font-weight:bold;font-size:16px;}
        .gamebox-downloads span:nth-child(1){float:right;background:#FFF;color:#00b4fe;padding:4px 10px;border-radius:8px;display:inline-block;margin-top:10px;}

.game-zone-title{height:48px;line-height:48px;border-bottom:1px solid #EEE;padding:0px 15px;}
.game-zone-title h2{float:left;font-size:18px;}
.game-zone-title a{float:right;}
.game-zone{background:#FFF;margin-bottom:20px;overflow:hidden;}
.game-zone ol{}
.game-zone ol li{float:left;margin-left:13px;width:105px;height:35px;box-sizing:border-box;border:1px solid #d2d2d2;font-size:15px;margin-bottom:15px;position: relative;cursor: pointer;}
.game-zone ol li span{display:block;width:4px;height:35px;background:#ff5858;transition:all .3s;z-index:1;position:absolute;left: -1px;top: -1px;}
.game-zone ol li a{display:block;line-height:35px;width:100%;text-align:center;position:absolute;z-index:2;}
.game-zone ol li:hover span{width:100px;}
.game-zone ol li.game-zone-type-1 a{color:#ff9758;}
.game-zone ol li.game-zone-type-1 span{background:#ff9758;}
.game-zone ol li.game-zone-type-2 a{color:#63a2e9;}
.game-zone ol li.game-zone-type-2 span{background:#63a2e9;}
.game-zone ol li.game-zone-type-3 a{color:#a98fd7;}
.game-zone ol li.game-zone-type-3 span{background:#a98fd7;}
.game-zone ol li.game-zone-type-4 a{color:#ff70ce;}
.game-zone ol li.game-zone-type-4 span{background:#ff70ce;}
.game-zone ol li.game-zone-type-5 a{color:#5eccd6;}
.game-zone ol li.game-zone-type-5 span{background:#5eccd6;}
.game-zone ol li.game-zone-type-6 a{color:#ebc83d;}
.game-zone ol li.game-zone-type-6 span{background:#ebc83d;}
.game-zone ol li.game-zone-type-7 a{color:#b09696;}
.game-zone ol li.game-zone-type-7 span{background:#b09696;}
.game-zone ol li.game-zone-type-8 a{color:#5ed895;}
.game-zone ol li.game-zone-type-8 span{background:#5ed895;}
.game-zone ol li:hover a{color:#FFF;}
.game-zone ul{overflow:hidden;clear:both;}
.game-zone ul li{float:left;text-align:center;width:120px;padding-bottom:15px;}
.game-zone ul li p{height:24px;line-height:24px;overflow:hidden;}
.game-zone ul li span{line-height:24px;height:24px;overflow:hidden;border:1px solid #ff9000;font-size:12px;color:#ff9000;height:20px;line-height:20px;border-radius:3px;padding:3px 8px}
.game-zone ul li img{width:80px;height:80px;border-radius:15px;}
@media screen and (max-width:1000px){
    .game-zone ul li{width:22%;margin-left:2%;}
    .game-zone ul li p{font-size:12px;}
    .game-zone ul li img{width:66px;height:66px;}
}

.ranking{margin-top: 15px;}
.ranking .ranking-tit{font-size:16px;height:56px;line-height:56px;border-bottom:1px solid #EEE;padding:0px 15px;}

.ranking .list{background: #fff;width: 362px;padding: 0 15px;border-radius: 7px;float: left;}
.ranking .list .title_ph{height: 70px;line-height: 70px;text-align: center;}
.ranking .list .title_ph .bt{font-size: 20px;font-weight: bold;}
.ranking .list .title_ph .bt i{height: 30px;width: 31px;background-position-y: -71px;display: inline-block;vertical-align: middle;margin: -10px 10px 0 0;}
.ranking .list .title_ph .bt .ico3{background-position-x: 0px;}
.ranking .list .title_ph .bt .ico2{background-position-x: -41px;}
.ranking .list .title_ph .bt .ico1{background-position-x: -83px;}
.ranking .list ul{margin-top: 10px;padding-bottom: 10px;}
.ranking .list ul li{padding: 7px 0;}
.ranking .list ul li .num{width: 24px;height: 24px;border-radius: 2px;text-align: center;line-height: 24px;float: left;background: #47d897;color: #fff;}
.ranking .list ul li .box_a{height: 24px;line-height: 24px;}
.ranking .list ul li .box_a .num{margin: 0px 6px 0 0;}
.ranking .list ul li .box_a a{display: block;float: left;white-space: nowrap;text-overflow: ellipsis;width: auto;overflow: hidden;font-size: 15px;}
.ranking .list ul li .box_a span{text-align: right;float: right;width: 70px;color: #969696;font-size: 13px;overflow: hidden;height: 100%;}
.ranking .list ul li .box_b{display: none;background: url(../img/ranking-bg1.png) no-repeat center;width: 362px;height: 72px;padding: 13px 0 11px 0;margin: 3px 0;}
.ranking .list ul li .box_b .numb{float: left;width: 44px;text-align: center;line-height: 72px;color: #fff;font-size: 26px;}
.ranking .list ul li .box_b .img,
.ranking .list ul li .box_b .img img{width: 72px;height: 72px;border-radius: 10px;display: block;float: left;position: relative;overflow: hidden;}
.ranking .list ul li .box_b .infor{float: left;width: 210px;padding-left: 11px;color: #fff;}
.ranking .list ul li .box_b .infor .name{display: block;height: 25px;line-height: 25px;color: #fff;padding-bottom: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;font-size: 15px;}
.ranking .list ul li .box_b .infor p{height: 21px;line-height: 21px;overflow: hidden;width: 100%;font-size: 12px;}
.ranking .list ul li+li .num{background: #58aafe;}
.ranking .list ul li+li+li .num{background: #f3a658;}
.ranking .list ul li+li+li+li .num{background: #d2d2d2;color: #434343;}
.ranking .list ul .on .box_a{display: none;}
.ranking .list ul .on .box_b{display: block;}
.ranking .list+.list{margin-left: 12px;}
.ranking .list+.list ul li .num{background: #ffa23b;}
.ranking .list+.list ul li .box_b{background-image: url(../img/ranking-bg2.png);}
.ranking .list+.list ul li+li .num{background: #58aafe;}
.ranking .list+.list ul li+li+li .num{background: #f3a658;}
.ranking .list+.list ul li+li+li+li .num{background: #d2d2d2;color: #434343;}
.ranking .list+.list+.list{margin-left: 12px;}
.ranking .list+.list+.list ul li .num{background: #a57cfe;}
.ranking .list+.list+.list ul li .box_b{background-image: url(../img/ranking-bg3.png);}
.ranking .list+.list+.list ul li+li .num{background: #58aafe;}
.ranking .list+.list+.list ul li+li+li .num{background: #f3a658;}
.ranking .list+.list+.list ul li+li+li+li .num{background: #d2d2d2;color: #434343;}
@media screen and (max-width:1000px) {
    .ranking{margin-top:10px;}
    .ranking .list,.ranking .list + .list,.ranking .list+.list+.list{margin-left:0px;margin-top:10px;width:auto;float:none;}

}

.article-box{clear:both;background:#FFF;border-radius:5px;}
.article-box-title{padding:0px 15px;height:48px;line-height:48px;border-bottom:1px solid #EEE;}
.article-box-title h2{float:left;font-size:18px;}
.article-box-title a{float:right;}
.article-box ul.article-imgs{padding:15px;clear:both;}
.article-box ul.article-imgs li{overflow:hidden;float:left;width:180px;border-bottom:1px solid #EEE;}
.article-box ul.article-imgs li img{width:180px;height:156px;border-radius:8px;}
.article-box ul.article-imgs li p.article-title{height:30px;line-height:30px;overflow:hidden;padding-top:6px}
.article-box ul.article-imgs li p.article-title a{color:#333;font-size:14px;}
.article-box ul.article-imgs li p.article-desc{font-size:14px;color:#999;padding-top:15px;line-height:24px;height:48px;overflow:hidden;}
.article-box ul.article-txts{clear:both;padding:12px 0px;}
.article-box ul.article-txts li{height:30px;line-height:30px;overflow:hidden;float:left;width:260px;padding:0px 20px;}
.article-box ul.article-txts li a{color:#666;}
.article-box ul.article-txts li time{float:right;color:#999;font-size:12px;}
@media screen and (max-width:1000px) {
    .article-box ul.article-txts{padding-top:8px;}
    .article-box ul.article-txts li{width:auto;float:none;padding:0px 15px;}
    .article-box ul.article-imgs{padding:0px;display:block;}
    .article-box ul.article-imgs li{width:47%;margin-left:2%;padding-left:0px;}
    .article-box ul.article-imgs li img{width:100%;height:125px;}
}

.ask-box-title{height:48px;line-height:48px;border-bottom:1px solid #EEE;padding:0px 15px;}
.ask-box-title h2{float:left;font-size:18px;}
.ask-box-title a{float:right;}
.wendabox{clear:both;overflow:hidden;background:#FFF;}
.wendabox ul{clear:both;}
.wendabox ul li{padding:12px 0px 15px 0px;width:550px;border-top:1px solid #EEE;}
.wendabox ul li img{width:18px;height:18px;border-radius:18px;float:left;}
.wendabox ul li:nth-child(1),.wendabox ul li:nth-child(2){border-top:0px}
.q-list-tit{font-size:16px;line-height:35px;height:35px;overflow:hidden;}
.q-list-answer{padding-top:5px;color:#999;line-height:24px;height:48px;overflow:hidden;}
.q-list-tit::before,.q-list-answer::before{color:#FFF;font-size:12px;width:20px;height:20px;line-height:20px;border-radius:20px;text-align:center;display:inline-block;margin-right:10px;}
.q-list-tit::before{content:'问';background:#89dff9;vertical-align:middle;}
.q-list-answer::before{content:'答';background:#fead42;}
.q-list-user{padding-top:5px;}
.q-list-user span,.q-list-user time{margin-right:12px;font-size:12px;color:#777;}
@media screen and (max-width:1000px) {
    .wendabox ul li{width:auto;padding:12px;}
}

.game-vs-update{background:#FFF;overflow:hidden;}
.game-vs-update h3{padding:15px 0px 0px 15px;}
.game-vs-update ul{padding:15px 0px;overflow:hidden;}
.game-vs-update ul li{float:left;padding-left:15px;width:280px;height:30px;line-height:30px;overflow:hidden;}
.footer{background: #222;padding:30px 0px;color:#898989}
.footer a{color:#898989}
.friend-links {border-bottom:1px solid #363D41;overflow:hidden;}
.friend-links dt{font-weight:bold;color:#63696E;font-size:16px;line-height:38px;}
.friend-links dd{padding-bottom:10px;overflow:hidden;}
.friend-links dd a{font-size:12px;float:left;color:#63696E;width:120px;display:inline-block;}
.foot-nav{text-align:center;clear:both;padding-top:20px;}
.foot-nav a{margin:0px 10px;}
.copyright{padding-top:20px;text-align:center;clear:both;}
.footer p{padding:5px 0px}
@media screen and (max-width:1000px) {
    .game-vs-update ul li{float:none;width:auto;}
    .footer{padding:10px}

}